<template>
	<div>
		<ul>
			<li v-for="it in icoimg" :key="it.id">
				<router-link to="">
					<img :src="it.url" />
					<p>{{it.txt}}</p>	
				</router-link>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'Icons',
		props:['propsicons'],
		data(){
			return{
				icoimg:[]
			}
		},
		watch:{
			propsicons(){
				this.icoimg=this.propsicons
			}
		}
	}
</script>

<style scoped>
	a{
		text-decoration: none;
	}
	ul{
		padding-top: 4rem;
		padding-bottom: 5rem;
	}
	li{
		float: left;
		width: 25%;
		height: 0.5rem;
		text-align: center;
		margin-top: 0.5rem;
		margin-bottom: 1rem;
	}
	li img{
		width: 0.9rem;
	}
	li p{
		margin-top: 0.5rem;
		color: black;
	}
</style>
